<template>
  <div class="select-none">
    <UploadMultiplyImage v-model:list="list" v-model:fileList="fileList" @change="changeFile" />
  </div>
</template>

<script setup lang="ts" name="loginIndex">
import type { UploadUserFile } from 'element-plus'
import {ref} from "vue";
const UploadMultiplyImage = defineAsyncComponent(() => import('/@/components/Upload/MultiplyImage.vue'));

const list = ref<string[]>([
  '3ba291f70d60466f94dc2d69d7673ed7.jpg'
])
const fileList = ref<UploadUserFile[]>([
  {
    name: '3ba291f70d60466f94dc2d69d7673ed7.jpg',
    url: 'http://sloth-gateway:9999/admin/sys-file/oss/file?fileName=3ba291f70d60466f94dc2d69d7673ed7.jpg',
  },
])



const changeFile = (val) => {
  console.log('changeFile', val)
  console.log('image data', list.value, fileList.value)
};

// 页面加载时
onMounted(() => {

});
</script>
